@charset "utf-8";
/* CSS Document */

body {
/*	background: -webkit-canvas(bg);
	background: -moz-element(#bg);
  */  margin:0 auto;
    padding:0;
    background:url(../img/24_col.gif) repeat;
    background-attachment: fixed;
    width:960px;
}
.blog-title {
    font-size:20px;
    margin:10px 0 10px 0;
    padding-top:10px;
    font-weight:lighter;
}
.blog-ctn {
    margin:10px 0 30px 0;
    font-weight:lighter;
}
a {
    color:#51574a;
    text-decoration: none;
}
a:hover {
    color:#7c9fb0;
}
div#sidebar {
    width:360px;
    float:left;
}
div#info {
    width:360px;
    height:250px;
    border-bottom:1px solid #afafaf;
}
div#info img {
    border-bottom:1px solid #9abf88;
    margin: 10px 0px 0 10px;
    float:left;
    width:140px;
    height:140px;
}
div#intro {
    height:140px;
    float:left;
    margin: 10px 0px 0 10px;
    position:relative;
}
div#intro p {
    width:190px;
    position:absolute;
    bottom:0;
}
div#link {
    margin:20px 0 0 40px;
    width:310px;
    float:left;
}
div#keyword {
    border-bottom:1px solid #afafaf;
}
    
.keyword {
    height:20px;
    line-height:30px;
    margin:5px;
    background-color:#E9D78E;
}
/*nav commit*/
div#commit_sh {
    font-size: 90%;
}
.title_ul li {
    border-bottom:1px solid #afafaf;
    padding:3px 0 0 0;
}
.commit_ul {
    margin-left:1em;
    border-left:1px dashed #afafaf;
}
.commit_ul li {
    position:relative;
    border-bottom:1px dashed #afafaf;
}
.commit_ul li span {
    font-size:50%;
}
.commit_ul li a {
    position:absolute;
    right:1em;
    bottom:0;
    font-size:50%;
}
textarea#co_ta {
    width:90%;
}
input#co_te {
    margin:0 2px 0 0;
    width:59%;
    float:left;
}
input#co_su {
    display:block;
    width:30%;
    height:24px;
    font-size:1em;
    padding:0
}
div#layout {
    float:left;
    width:590px;
    border-left:1px solid #5698c4;
    background-color:#fff;
    overflow:auto;
}
/* layout scroll*/
.scroll-content { float: left; width: 565px ;}
.scroll-bar-wrap {position:relative; float: left; padding: 0 0 0 5px; margin: 0 auto; height:100%}
.scroll-bar-wrap .ui-slider {background: none; border:0; width: 1em; margin: 0 auto; height:100%; }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%;  }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }
.tis { position:absolute;}
.tis div { background-color:#f0f; height:30px;width:30px;}
.blog_bg {
    width:96.5%;
    height:100%;
    padding:0 10px 0 10px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	-webkit-box-shadow:0px 2px 6px #afafaf;
	-moz-box-shadow:0px 2px 6px #afafaf;
	box-shadow:0px 2px 6px #afafaf;
}

.blog_f {
    padding:10px 0 10px 0;
    font-size:10px;
}
footer {
    margin:0;
    padding:0;
    height:24px;
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
}
footer span {
    margin:0;
    padding:0;
    display:none;
}

